﻿/*Configuracion del slider*/
.banner { position: relative; overflow: auto; }
	.banner li { list-style: none; }
		.banner ul li { float: left; }
.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;			
			text-indent: -999em;			
			border: 2px solid #2e8bcc;
			border-radius: 6px;			
			cursor: pointer;
			opacity: .4;			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #00aba9;
				opacity: 1;
			}        
/*Configuracion para los paneles flotantes*/

body {
  margin:0;
  padding:0;
}
#contenidoWeb {
  width:80.2%;
  height: 750px; /*can be anything, just should make sure it is taller than the sidebar*/
  padding: 25px;
  float: left;
  background-color: #fafafa;
}
#menuDerecho {
  width: 15%;  
  min-height: 200px;
  margin: 0px 0 0 0 ;  
  float: right; 
}

#menuIzquierdo {
  width: 13%;  
  min-height: 200px;
  margin: 60px 0 15px 0; /*controls the cutoff of the top and bottom limitations*/  
  float: left; /* float right for a right aligned sidebar */
}

#pie {
  width: 100%;
  clear:both;
  background-color: #ccc;
  height: 100px;
  margin-top: 10px;
}
#divPagina {
  width: 100%; /* MUST HAVE WIDTH SET, should be the sidebar width + main width */
  margin-left: auto;
  margin-right: auto;
}

/************************/

.HContenido
{
	color:Yellow;
	visibility:hidden;
	}

.TituloModulo
{
	color: #546F92;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 15px;
}

.LabelCampos
{
	color: #546F92;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 12px;
}

.my_container
{
	color: orange;
}
.PanelFiltro
{    
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 14px;
	border-width:1px;
	border-color: #546F92;            
	border-style:solid;
	text-align: left;
	}
.TituloPanelFiltro
{
	color: White;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 14px;
	background-color: #546F92;    
	cursor:pointer;        
	text-align: left;
	}
.EstiloMenu
{
	color: #546F92;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: right;
}
.TituloMenuContex
{
	color: #546F92;
	width: 300px;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 11px;
}

.ItemMenuContex
{
	color: #546F92;
	width: 300px;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 11px;
}

.Edicion
{
	color: #546F92;
	width: 300px;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 11px;
}
.CampoFiltro
{
	color: #546F92;
	width: 300px;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 11px;
}
.Comentario
{
	color: #2E8B57;
	font: bold 2em "Thaoma" , Sans-Serif;
	font-size: 10px;
}

.TituloTabla
{
	color: White;
	background-color: #546F92;
	font: bold 1em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 12px;
}
.error
{
	font: Tahoma,Helvetica, Sans-Serif;
	font-size: 11px;
	color: Red;
}

.errorValidador
{
	font: Tahoma,Helvetica, Sans-Serif;
	font-size: 11px;
	color: Red;
}
.CampoTabla
{
	color: #546F92;
	font: bold 2em "Trebuchet MS" , Helvetica, Sans-Serif;
	font-size: 10px;
}



.Enlace
{   font: Tahoma,Helvetica, Sans-Serif;
	font-size: 11px;
	color:Blue;
	cursor:pointer;
}


.mGrid { 
	width: 100%; 
	background-color: #fff; 
	margin: 5px 0 10px 0; 
	border: solid 1px #525252; 
	border-collapse:collapse; 
}
.mGrid td { 
	padding: 2px; 
	border: solid 1px #c1c1c1; 
	color: #717171; 
}
.mGrid th { 
	padding: 4px 2px; 
	color: #fff; 
	background: #424242 url() repeat-x top; 
	border-left: solid 1px #525252; 
	font-size: 0.9em; 
}
/*.mGrid .alt { background: #fcfcfc url() repeat-x top; }*/
.mGrid .alt { background: #fcfcfc}
.mGrid .pgr { background: #424242 url() repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
	border-width: 0; 
	padding: 0 6px; 
	border-left: solid 1px #666; 
	font-weight: bold; 
	color: #fff; 
	line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.fijo {
	height: 40px;
	background-color:Red;
	position: fixed;
	bottom: 0;
	left: 0;
	width:100%;    
	z-index: -1;
	padding: 0;
}

